<template>
    <div class="zeroGuideContainer">
        <div class="pass" @click="gotoLogin" v-if="isShow">
            <span>跳过</span>
        </div>
        <!-- <button @click="go" v-if="isShow">goto</button> -->
        <keep-alive include="allModule,myPublish,publishSay,publishHole">
            <router-view></router-view>
        </keep-alive>
    </div>
</template>

<script>
    export default {
        name:'showGuide',
        data(){
            return{
                isShow:true
            }
        },
        methods:{
            gotoLogin(){
                this.$router.replace({
                    name:'login'
                }),
                this.isShow=false
            },
            go(){
                this.$router.replace({
                    name:'knowledge'
                })
                this.isShow=false
            }
        },
        mounted(){
            this.$bus.$on('passShow',(isShow)=>{
                this.isShow=isShow
            })
        },
        beforeDestroy(){
            this.$bus.$off('passShow')
        }
    }
</script>

<style scoped>
    .zeroGuideContainer{
        width: 100vw;
        height: 100vh;
        background-color: #F6F8FA;
        position: relative;
        overflow: hidden;
    }
    .pass{
        width: 1.4rem;
        height: .88rem;
        position: absolute;
        top:1.48rem;
        left: 5.68rem;
        border-radius: 1.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color:#999999;
        font-size: 0.28rem;
        font-family: PingFangSC-Mediuem;
        background-color: #FFF;
    }
</style>